<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>SAAC - Contrato</title>
    <script src="js/jquery-latest.js"></script>
     <script type="text/javascript" src="js/jquery.validate.js"></script>
     <link type="text/css" rel="stylesheet" href="css/template_css.css">
     <style type="text/css">
     label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
     p { clear: both; }
     em { font-weight: bold; padding-right: 1em; vertical-align: top; }
     </style>
          <script>
          $(document).ready(function(){
          $("#formTipoCajas").validate();
          });
     </script>
</head>
<body>
<br>
<center><h1>SAAC - MODELOS DE CONTENEDORES</h1></center>
<br />
<br />
<form:form class="cmxform" id="contenedorForm" method="post" action="contenedor" >
<table width="450" height="200"  align="center">
<tr>
<td>
 <p>Ingrese al menos los campos obligatorios (*).</p>
    
     <fieldset>
     <table width="500" height="150" >
 
     <tr valign=top align=left>
     <td>
         <p>
         <form:label path="nombrecontenedor">Modelo:</form:label>
         <em>*</em><form:input id="nombrecontenedor" path="nombrecontenedor" type="text" maxlength="100" class="required"/>
         </p>
     </td>
     </tr>
     <tr valign=top align=left>
     <td>
         <p>
         <form:label path="descripcion">Descripcion:</form:label>
         <em>*</em><form:input id="descripcion" path="descripcion" type="text" maxlength="100" class="required"/>
         </p>

     </td>
     </tr>
     <tr valign=top align=left>
     <td>
         <p>
         <form:label path="stockglobal">Stock Global:</form:label>
         <em>*</em><form:input id="stockglobal" path="stockglobal" type="text" maxlength="100" class="required"/>
         </p>
     </td>  
     </tr>
     <tr valign=top align=left>
     <td>
         <p>
         <form:label path="precio">Precio:</form:label>
         <em>*</em><form:input id="precio" path="precio" type="text" maxlength="11" class="required"/>
         </p>
     </td>
     
     </tr>   
     <tr valign=top align=left>
	     <td colspan="2" width="100%">
	     <p align="center">
	     <input class="cancel" type="button" value="Cancelar" onclick="history.back()"/> 
	     <input class="submit" type="submit" value="Guardar"/>
	     </p>

        </td>
     </tr>
     </table>
     </fieldset>
</td>
</tr>
</table>

<input id="flagValidateNombre" name="flagValidateNombre" type="hidden" maxlength="20" value="${flagValidaNombre}" class="required" disabled/>
</form:form>
</body>
<script type="text/javascript">
var flagValidateNombre=document.getElementById('flagValidateNombre').value;
if(flagValidateNombre=='repetido')
    alert("Nombre de contenedor repetido...");
</script>

</html>

